<template>
	<view>
		<van-tabs swipeable animated :z-index="z_index"  @change="onChange" v-model="active"   class="index_tabs" :title-active-color="titleColor" color="#FF7300" >
		  <!-- <van-tab :title="itme" :name="index" v-for="(itme,index) in att" :key="index">
			 <index :list_shuju="index"></index>
		  </van-tab> -->
		  <van-tab title="意向"  name="danzhifu">
			  <view v-if="list_shuju == 0">
				  <keep-alive>
					  <index :list_shuju="list_shuju"></index>
				  </keep-alive>
			  </view>
		  </van-tab>
		  <van-tab title="单节付"  name="danzhifu">
			  <view v-if="list_shuju == 1">
				  <keep-alive>
					  <index :list_shuju="list_shuju"></index>
				  </keep-alive>
			  </view>
		  </van-tab>
		  <van-tab title="转长单" name="zhaunchangdan">
			  <view v-if="list_shuju == 2">
				  <keep-alive>
				  		<index :list_shuju="list_shuju"></index>			  
				  </keep-alive>
			  </view>
		  </van-tab>
		  <van-tab title="全额购" name="danzhifu">
			  <view v-if="list_shuju == 3">
				  <keep-alive>
				  		<index :list_shuju="list_shuju"></index>			  
				  </keep-alive>
			  </view>
		  </van-tab>
		</van-tabs>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				autoplay: false,
				active: "yixiang",
				swipeable: true,
				z_index: 1212121,
				titleColor: "#FF7300",
				user_id: "",
				currentPage: 1,
				is_one_time_payment: false,
				index_title: "",
				list_shuju: 0,
				scrollTop: 0,
				att: ["意向","单节付","转长单","全额"]
			}
		},
		methods:{
			onChange(e){
				this.list_shuju =  e.detail.index
			},
			lower(){
				
			}
		},
		
		onLoad() {
			
		}
	}
</script>
<style lang="scss" scoped>
	/deep/.van-ellipsis {
		font-size: 30rpx;		
  }
</style>